<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
</head>
<body>
<!--
    一个table标签表示一个表格
    一个tr标签表示表格中的一行
    一个td/th标签表示表格中的一列
    行与列的交叉组成了一个个的单元格
-->
<!--
    table标签:表示一个表格
        border:设置表格的边框,取值:0、1
        cellpadding:设置单元格与单元格中内容的间距
        cellspacing:设置单元格与单元格之间的距离
    tr标签:表示一行,属于table的子标签
    td/th标签:表示一列,属于tr的子标签
        th一般用于表头,td一般用于表正文
        th字体加粗,居中
        td字体没有加粗,居左
        th与td的字体类型是一样的,字体大小也是一样的
    表格中涉及的元素存在一些通用属性
        width/height:设置宽度与高度
        align:设置表水平对齐方式,取值:left、center、right
        bgcolor:设置背景色,存在优先级:列>行>表格
        background:设置背景图,存在优先级:列>行>表格
            如果背景图与背景色同时存在,优先展示背景色
        valign:设置垂直对齐方式,取值:top、middle、bottom
-->
<!--<table border="1" width="400px" height="300px" align="center" bgcolor="gray" background="../images/1.jpg" cellpadding="10px" cellspacing="10px">-->
<table border="1" width="400px" height="300px" align="center" bgcolor="gray" cellpadding="10px" cellspacing="10px">
    <tr height="60px" background="../images/heihei.gif">
        <th align="left">编号</th>
        <th width="50px">姓名</th>
        <th background="../images/3.gif">年龄</th>
    </tr>
    <tr height="50px" align="center" bgcolor="green">
        <td bgcolor="purple">1</td>
        <td>admin</td>
        <td>20</td>
    </tr>
    <tr bgcolor="pink">
        <td align="center">2</td>
        <td align="right">jack</td>
        <td>20</td>
    </tr>
    <tr valign="top">
        <td valign="middle">3</td>
        <td valign="bottom">tom</td>
        <td>20</td>
    </tr>
</table>
</body>
</html>